<!-- 商家服务协议 -->
<template>
	<view class="template-agreement">
		<!-- 顶部标题 -->
    <CustomNavBar ref="customNavBarRef" title="商家服务协议" :isSearch="false" :showIcon="false" :isBack="true" />

		<!-- 内容区域 -->
		<view class="agreement-content" :style="{marginTop: getNavBarHeight() + 'px'}">
			<view class="agreement-section">
				<view class="agreement-title">一、商家协议总则</view>
				<view class="agreement-text">
					1.本协议双方为乐码平台（以下简称"平台方"）和乐码平台的注册商家（以下简称"商家"）。<br>
					2.商家在申请成为平台服务提供者前，请仔细阅读本协议的条款，并按照页面上的提示完成全部注册程序。<br>
					3.商家在进行注册过程中点击"同意"按钮，即表示商家已充分知悉和完全接受本协议项下全部条款，进而与平台方达成本协议。<br>
					4.平台方有权不时对本协议项下相关规则作出修改或补充，并于平台公布。商家若继续使用平台服务即视为接受修订后的本协议条款。
				</view>
			</view>
			
			<view class="agreement-section">
				<view class="agreement-title">二、商家服务使用说明</view>
				<view class="agreement-text">
					1.商家在注册时应按照注册提示填写准确的商家名称、联系人姓名、联系电话、专业技能资质证明等相关资料，确保信息完整、准确、真实。<br>
					2.商家一旦注册成功并通过平台审核，便成为平台方合法的注册商家，将获得本平台的一个商家账号和相应密码，商家可随时修改自己的账号密码。商家应对其账号安全负全部责任，并应对其账号名下所进行的所有行为和事件承担相应的法律责任。<br>
					3.商家同意接受平台方通过电子邮件、短信或其他方式向商家发送有关平台动态、订单信息及商业推广信息。<br>
					4.平台方不对商家所发布服务信息的删除或储存失败负责。<br>
					5.平台方有判定商家的行为是否符合本平台服务条款要求的权利，如果商家违背了服务条款的规定，平台方有权对其商家所提供的网络服务进行中断或停止使用。<br>
					6.商家不得将其商家账号进行转让、转借、倒卖或共享等行为（商家账号仅限由其本人或授权员工使用）。
				</view>
			</view>
			
			<view class="agreement-section">
				<view class="agreement-title">三、服务质量与标准</view>
				<view class="agreement-text">
					1.商家须确保其提供的服务符合国家相关法律法规及行业标准的要求。<br>
					2.商家应按照平台规定及与用户达成的协议，按时、保质地完成服务任务。<br>
					3.商家应保持专业素养，提供优质客户服务，及时回应用户咨询与需求。<br>
					4.平台方有权对商家服务质量进行评估，并建立商家信用评级体系。<br>
					5.商家应保证其提供的专业技能、资质等信息真实有效，如有虚假，平台方有权立即终止合作并追究相关责任。
				</view>
			</view>
			
			<view class="agreement-section">
				<view class="agreement-title">四、订单管理与佣金结算</view>
				<view class="agreement-text">
					1.商家应及时响应平台分配或用户直接发起的服务需求，明确接单意向。<br>
					2.商家接单后应严格按照约定时间和要求完成服务，不得无故延期或拒绝履行。<br>
					3.平台将根据商家提供服务的类型和金额，按照双方约定的比例收取服务佣金。具体佣金比例将在商家后台公示或以补充协议形式确定。<br>
					4.商家的服务收入将按照平台规定的结算周期进行结算，商家可通过平台提供的财务系统查询收入明细。<br>
					5.如用户对商家服务提出异议，平台有权根据平台规则介入处理，必要时可暂缓结算相关款项直至争议解决。
				</view>
			</view>
			
			<view class="agreement-section">
				<view class="agreement-title">五、协议内容的变更和修订</view>
				<view class="agreement-text">
					1.平台方有权在必要时修改服务条款，修改后的协议可以在平台官网查看。<br>
					2.商家如果不同意平台方所改动的内容，可自行申请终止商家资格并停止使用本平台网络服务。<br>
					3.如果商家继续使用本平台网络服务，则视为同意接受本平台服务条款的变动。<br>
					4.平台方可随时根据实际情况中断或终止一项或多项网络服务而无需对任何商家或第三方承担任何责任，如商家对一项或多项网络服务的中断或终止有异议，可以行使如下权利：<br>
					Ⅰ.自行申请终止商家资格并停止使用平台的网络服务。<br>
					Ⅱ.通知平台方停止对该商家的服务。结束商家服务后，商家使用网络服务的权利立即终止，平台方也没有义务为其传送任何未处理的信息或未完成的服务给商家或任何第三方。
				</view>
			</view>
			
			<view class="agreement-section">
				<view class="agreement-title">六、商家隐私保护</view>
				<view class="agreement-text">
					平台方将严格履行商家信息保密义务，承诺不公开、编辑或透露商家非公开信息，但以下特殊情况除外：<br>
					1.经商家事先许可授权；<br>
					2.遵守国家法律法规或配合相关政府部门的要求；<br>
					3.遵从平台方合法服务程序；<br>
					4.为维护社会公众利益以及平台方的合法权益所必须；<br>
					5.向用户展示必要的商家信息以促成交易达成。
				</view>
			</view>
			
			<view class="agreement-section">
				<view class="agreement-title">七、商家权利与义务</view>
				<view class="agreement-text">
					1.商家在使用平台服务时，必须遵守中华人民共和国相关法律法规的规定，商家应同意将不会利用本服务进行任何违法或不正当的活动，否则商家将自行承担由此产生的一切法律责任。<br>
					2.商家在提供服务过程中不得有以下行为：<br>
					I.提供虚假信息或服务内容；<br>
					II.侵犯用户或第三方知识产权、隐私权等合法权益；<br>
					III.在未经授权的情况下收集、处理、传播用户个人信息；<br>
					IV.发布或传播违法违规内容；<br>
					V.不按约定完成服务或故意拖延服务时间；<br>
					VI.其他违反法律法规、平台规则或违背诚实信用原则的行为。<br>
					VII.商家应妥善保管其账号信息，因商家保管不善导致的任何损失，由商家自行承担责任。<br>
					VIII.商家应及时更新其提供的联系方式、服务内容、资质证明等信息，确保信息的真实性和有效性。<br>
					3.商家有义务配合平台的营销推广活动，具体如下：<br>
					商家应积极响应并参与平台组织的各类促销活动、限时折扣、节日特惠等营销推广活动；<br>
					在平台发起的统一促销活动期间，商家应按照平台规定的折扣幅度或优惠方式提供相应服务；<br>
					平台有权根据市场情况和运营策略制定阶段性促销计划，商家应予以配合执行，包括但不限于降价促销、满减优惠、赠品活动等；<br>
					商家不得在未经平台同意的情况下，拒绝执行已公布的促销活动或擅自更改活动内容；<br>
					商家参与平台促销活动所产生的费用分担比例，将在具体活动规则中明确约定，商家应当予以遵守；<br>
					商家应当在平台规定的时间内提交促销活动所需的素材和信息，确保活动顺利开展；<br>
					对于平台重点推广的营销活动，商家应在自有渠道进行相应的宣传，扩大活动影响力。<br>
					若商家行为违反上述约定，平台方有权作出独立判断并立即取消商家的服务资格，商家应对自己的行为承担一切法律责任。
				</view>
			</view>
			
			<view class="agreement-section">
				<view class="agreement-title">八、平台内容所有权</view>
				<view class="agreement-text">
					1.平台方定义的网络服务内容包括但不限于：平台界面设计、商业模式、技术方法、浏览页、文字、图片、图表、图形、标识、服务标记等。该等内容均受《计算机软件保护条例》及其他相关法律法规的保护。<br>
					2.未经平台方或其他有权第三方的事先许可授权，商家不得对包括但不限于：网络服务相关的文字、图片、图表、图形、标识等在内的任何内容进行转载、翻录、复制、发行、破解、信息网络传播或其他违反知识产权相关法律、法规的行为，否则所导致的一切民事、行政或刑事责任，由商家自行承担。<br>
					3.商家在平台上发布的符合法律规定的原创内容，其著作权归商家所有，但商家授权平台在平台范围内使用该等内容用于展示、推广等目的。
				</view>
			</view>
			
			<view class="agreement-section">
				<view class="agreement-title">九、免责声明</view>
				<view class="agreement-text">
					1.商家同意承担使用平台产品和服务所存在的一切风险以及因使用网络服务而产生的一切后果，平台方对商家不承担任何超出法律规定范围的责任。<br>
					2.平台方不担保服务一定能满足商家的要求，也不担保服务不会中断，亦对服务的及时性，安全性及可能发生的技术错误均不作任何担保。<br>
					3.任何由于黑客攻击、计算机病毒侵入或发作、政府管制、硬件故障、不可抗力等非平台方故意或严重过失而造成的商家资料泄露、丢失、被盗用、被篡改或服务暂定或终止的，对商家可能造成的风险或损失，平台方不承担法律责任。<br>
					4.平台方不对商家与用户之间因服务质量、服务内容等引起的纠纷承担责任，但平台将提供必要的协调与证据保全服务。
				</view>
			</view>
			
			<view class="agreement-section">
				<view class="agreement-title">十、争议解决与法律适用</view>
				<view class="agreement-text">
					1.商家同意因本平台服务产生的任何争议均适用中华人民共和国法律，相关争议任何一方可向平台方住所地人民法院提起诉讼解决。<br>
					2.平台方与商家之间的争议，双方应友好协商解决；协商不成的，任何一方均可向平台方住所地有管辖权的人民法院提起诉讼。<br>
					3.本协议中的标题仅为方便而设，不影响对于条款本身的解释。本协议中的任何条款无论因何种原因完全或部分无效或不具有执行力，其余条款仍应具有约束力。
				</view>
			</view>
			
			<view class="agreement-section">
				<view class="agreement-title">十一、联系我们</view>
				<view class="agreement-text">
					如果您对本协议或本服务有任何疑问、意见或建议，可通过以下方式与我们联系：<br>
					发送电子邮件至：lemawuyou@163.com<br>
					本协议最终解释权归乐码平台所有。
				</view>
			</view>
      <view style="height: 40px"></view>
		</view>
		
		<!-- 底部固定区域 -->
<!--		<view class="agreement-fixed-bottom">-->
<!--			&lt;!&ndash; 倒计时提示文本 &ndash;&gt;-->
<!--			<view class="countdown-tip">-->
<!--				请仔细阅读协议内容-->
<!--				<text v-if="isCountingDown"> ({{ countDown }}秒)</text>-->
<!--			</view>-->
<!--			-->
<!--			<view -->
<!--				class="agreement-button" -->
<!--				:class="{-->
<!--					'agreement-button-active': !isCountingDown-->
<!--				}" -->
<!--				@click="agreeAction"-->
<!--			>-->
<!--				同意并继续-->
<!--			</view>-->
<!--			<view class="agreement-hint">-->
<!--				<text>点击同意即表示您已阅读并接受本协议</text>-->
<!--			</view>-->
<!--		</view>-->
	</view>
</template>

<script setup>
import { ref, onMounted, onUnmounted } from 'vue'
import CustomNavBar from "@/composables/header/index.vue";
import {getNavBarHeight} from "@/utils/navBarHeight";
// 响应式数据
const isAgree = ref(false) 
const countDown = ref(5) 
const isCountingDown = ref(true) 
let timer = null

// 开始倒计时
const startCountDown = () => {
	isCountingDown.value = true
	countDown.value = 5 
	
	timer = setInterval(() => {
		countDown.value--
		
		if (countDown.value <= 0) {
			clearInterval(timer)
			isCountingDown.value = false
		}
	}, 1000)
}

// 在组件挂载后初始化
onMounted(() => {
	// 启动倒计时
	startCountDown()
})

// 组件卸载时清除定时器
onUnmounted(() => {
	if (timer) {
		clearInterval(timer)
		timer = null
	}
})

// 同意协议
const agreeAction = () => {
	// 如果正在倒计时，不执行操作
	if (isCountingDown.value) return
	
	isAgree.value = true
	
	// 返回上一页
	uni.navigateBack({
		delta: 1
	})
}
</script>

<style lang="scss" scoped>
	.template-agreement {
		background-color: #FFFFFF;
		min-height: 100vh;
		position: relative;
		padding-bottom: 200rpx;
	}

	/* 顶部标题 */
	.page-header {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 100;
		background-color: #FFFFFF;
	}
	
	.page-title {
		font-size: 18px;
		font-weight: bold;
		color: #000;
		padding: 12px 15px;
		display: block;
	}

	.agreement-content {
		padding: 0 15px;
	}
	
	.agreement-section {
		margin-bottom: 20px;
	}
	
	.agreement-title {
		font-size: 16px;
		font-weight: bold;
		color: #333;
		margin-bottom: 10px;
	}
	
	.agreement-text {
		font-size: 14px;
		color: #666;
		line-height: 1.6;
	}
	
	/* 底部固定区域 */
	.agreement-fixed-bottom {
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		padding: 15px;
		background-color: #FFFFFF;
		box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.05);
		z-index: 999;
	}
	
	/* 倒计时提示文本 */
	.countdown-tip {
		text-align: center;
		font-size: 14px;
		color: #333333;
		margin-bottom: 10px;
	}
	
	.agreement-button {
		width: 100%;
		height: 44px;
		line-height: 44px;
		text-align: center;
		border-radius: 0;
		font-size: 16px;
		background-color: #CCCCCC;
		color: #333333;
		margin-bottom: 8px;
	}
	
	.agreement-button-active {
		background-color: #3165cc;
		color: #FFFFFF;
	}
	
	.agreement-hint {
		font-size: 12px;
		color: #999;
		text-align: center;
	}
</style>
